<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>好好吃零食商城</title>
<link type="text/css" href="css/css.css" rel="stylesheet" />
 <script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script src="js/wb.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
 <div class="mianCont"id="app">
  <div class="top">
   <span>您好！欢迎来到好好吃商城</span>
   <span class="topRight">
    <a href="index.html">好好吃</a>&nbsp;|
    <a href="order.html">我的订单</a>&nbsp;| 
    <a href="vip.html">会员中心</a>&nbsp;|
    <a href="help.html">联系我们</a>
   </span>
  </div><!--top/-->
  <div class="lsg">
   <h1 class="logo"><a href="index.html"><img src="img/logo.png" width="217" height="90" /></a></h1>
   <form action="#" method="get" class="subBox">
    <div class="subBoxDiv">
     <input type="text" class="subLeft" id="sub"/>
     <input type="image" id="sublert2" src="img/subimg.png" width="63" height="34" class="sub"/>
     <div class="hotWord">
      热门搜索：
      <a href="#">辣条</a>&nbsp;
      <a href="#">大礼包</a> &nbsp;
      <a href="#">手撕面包</a>&nbsp;
      <a href="#">鸭脖</a> &nbsp;
      <a href="#">每日坚果</a> &nbsp;
      <a href="#">芒果干</a>&nbsp;
     </div><!--hotWord/-->
    </div><!--subBoxDiv/-->
   </form><!--subBox/-->
   <div class="gouwuche">
    <div class="gouCar">
     <img src="img/gouimg.png" width="19" height="20" style="position:relative;top:6px;"/>&nbsp;|&nbsp;
     <strong class="red">{{dod.length}}</strong>&nbsp;件&nbsp;|
     <strong class="red">￥ {{tot}}元</strong>
     <a href="order2.html">去结算</a> <img src="img/youjian.jpg" width="5" height="8"/>
    </div><!--gouCar/-->
    <div class="myChunlv">
     <a href="vip.html"><img src="img/mychunlv.jpg" width="112" height="34" /></a>
    </div><!--myChunlv/-->
   </div><!--gouwuche/-->
  </div><!--lsg/-->
  <div class="pnt">
   <div class="pntLeft">
    <h2 class="Title">所有商品分类
     <ul class="InPorNav">
      <li><a href="product.html">镇店爆款</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='镇店爆款'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div>
      </li>
      <li><a href="product.html">量贩专区</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='量贩专区'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">坚果炒货</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='坚果炒货'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">肉类卤味</a>
       <div class="chilInPorNav" id="roulei">
        <a href="#" v-for="item in goods" v-if="item.type=='肉类卤味'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">干果蜜钳</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='干果蜜钳'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">糕点点心</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='糕点点心'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">方便素食</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='方便素食'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">冲饮茶饮</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='冲茶茶饮'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
     </ul><!--InPorNav/-->
    </h2>
   </div><!--pntLeft/-->
   <div class="pntRight">
    <ul class="nav">
     <li><a href="index.html">商城首页</a></li>
     <li><a href="product.html">促销中心</a></li>
     <li><a href="vip.html">会员中心</a></li>
     <li class="navCur"><a href="help.html">帮助中心</a></li>
     <div class="clears"></div>
     <div class="phone">TEL：021-12345678</div>
    </ul><!--nav/-->
   </div><!--pntRight/-->
   <div class="clears"></div>
  </div><!--pnt/-->
  <div class="positions">
   当前位置：<a href="index.html">首页</a> &gt; <a href="#" class="posCur">帮助中心</a>
  </div><!--positions/-->
  <div class="cont">
   <div class="contLeft" id="contLeft">
    <h3 class="leftTitle">帮助中心</h3>
    <dl class="helpNav">
     <dt class="help1">常见问题</dt>
      <dd><a href="#">顾客须知</a></dd>
      <dd><a href="#">购物流程</a></dd>
      <dd><a href="#">订单的几种状态</a></dd>
      <dd><a href="#">非会员购物通道</a></dd>
      <dd><a href="#">网站使用条款</a></dd>
      <dd><a href="#">网站免责声明</a></dd>
     <dt class="help2">支付配送</dt>
      <dd><a href="#">支付方式</a></dd>
      <dd><a href="#">配送方式</a></dd>
      <dd><a href="#">网付说明</a></dd>
      <dt class="help3">订单售后</dt>
      <dd><a href="#">订单出库</a></dd>
      <dd><a href="#">送货签收</a></dd>
      <dd><a href="#">退货说明</a></dd>
      <dd><a href="#">联系客服</a></dd>
      <dt class="help4">关于我们</dt>
      <dd><a href="#">好好吃官网</a></dd>
      <dd><a href="#">联系方式</a></dd>
      <dd><a href="#">企业简介</a></dd>
    </dl><!--helpNav/-->
   </div><!--contLeft/-->
   <div class="contRight">
    <h4 class="gouLiu">简单的购物流程</h4>
    <div class="helpPar">
&nbsp;&nbsp;&nbsp;&nbsp;首先，你要注册一个帐号。登录后，可以在首页中先选择你要购买的商品进行查询，在查询出的页面，你可以选择商品，这样比较一目了然的可以看到你所要选的商品。<br /><br />
&nbsp;&nbsp;&nbsp;&nbsp;然后，选定一件您想要的商品，选择立即购买或者加入购物车或者加入收藏，然后提交订单选择支付方式，在这里推荐使用第三方支付平台：支付宝，这一支付平台是你先把货款打入一第三方帐户，只有当你收到货时确认货品与商家承诺一致，支付宝才会把你的款项转入商家户头，这样对你购物比较有保障。你可以用网上银行给支付宝充值，如果无网上银行，可以让有网上银行的朋友给你充值。<br /><br />
&nbsp;&nbsp;&nbsp;&nbsp;第三，当你收到货物后及时查验是否与卖家说描述的相符合，如果没有问题的话，这次交易就完全结束。
    </div><!--helpPar-->
   </div><!--contRight/-->
   <div class="clears"></div>
  </div><!--cont/-->
  <div class="inHelp">
   <div class="inHLeft">
    <h4>帮助中心</h4>
    <ul class="inHeList">
     <li><a href="help.html">购物指南</a></li>
     <li><a href="help.html">支付方式</a></li>
     <li><a href="help.html">售后服务</a></li>
     <li><a href="#">企业简介</a></li>
     <div class="clears"></div>
    </ul><!--inHeList/-->
   </div><!--inHLeft/-->
   <div class="inHLeft">
    <h4>会员服务</h4>
    <ul class="inHeList">
     <li><a href="reg.html">会员注册</a></li>
     <li><a href="login.html">会员登录</a></li>
     <li><a href="order.html">购物车</a></li>
     <li><a href="order.html">我的订单</a></li>
     <div class="clears"></div>
    </ul><!--inHeList/-->
   </div><!--inHLeft/-->
   <div class="inHRight">
    <h4>全国统一免费服务热线</h4>
    <div class="telBox">400-0000-0000</div>
    <div class="weibo">

    </div>
   </div><!--inHRight/-->
   <div class="clears"></div>
  </div><!--inHelp/-->
  <div class="footer">
   <p>
   <a href="http://www.schhc.com">好好吃官网</a>&nbsp;|&nbsp;
   <a href="index.html">商城首页</a>&nbsp;|&nbsp;
   <a href="product.html">促销中心</a>&nbsp;|&nbsp;
   <a href="order.html">我的订单</a>&nbsp;|&nbsp;
   <a href="https://news.sina.com.cn">新闻动态</a>&nbsp;|&nbsp;
   <a href="vip.html">会员中心</a>&nbsp;|&nbsp;
   <a href="help.html">帮助中心</a>
   </p>
   <p>
    版权所有：好好吃实业有限公司 版权所有  Copyright 2010-2015   ICP备00000000号
  </div><!--footer/-->
 </div><!--mianCont/-->
 <script type="text/javascript" src="js/config.js"></script>
 <script type="text/javascript" src="js/jquery.cookie.js"></script>
 <script type="text/javascript">
  var app = new Vue({
   el: "#app",
   data: {
    goods: [],
    dod:[],
    tot:0

   },
   methods: {
    gooou(id) {
     $.cookie('name', id, {path: '/proinfo.html'});
     $(window).attr('location', 'proinfo.html');

    },
   }
  })

  $(document).ready(function () {

   $.ajax({
    url: config.GOODS_GETALL,
    type: "post",
    dataType: "json",
    data: {},
    success: function (data) {
     app.goods = data.data

    }
   })

   name = $.cookie('name');
   //购物车查询
   $.ajax({
    url: config.CAR_GETBYXH,
    type: "post",
    dataType: "json",
    data: {
     "userXh": name

    },
    success: function (data) {
     app.dod = data.data
     for (i = 0; i < app.dod.length; i++) {
      app.tot = app.tot + parseInt(app.dod[i].goodsPrice) * parseInt(app.dod[i].carNum)

     }
    }

   })


  })


  $('#sublert2').click(function () {//搜索框

//通过ID查询商品
   $.ajax({
    url: config.GOODS_GETALL,
    type: "post",
    dataType: "json",
    data: {
     "value": $("#sub").val()
    },
    success: function (data) {

     if (data.data == "") {
      alert("没有此商品")
     } else {
      var id = data.data[0].id;

      $.cookie('name', id, {path: '/proinfo.html'});
      $(window).attr('location', 'proinfo.html');
     }
    }
   })
  })


 </script>
</body>
</html>
